@charset "UTF-8";
/* line 2, ../../sass/app.scss */
a:link, a:visited, a:hover, a:active { text-decoration: none; }

@font-face { font-family: 'FontAwesome'; src: url("./fontawesome-webfont.eot?v=3.2.1"); src: url("./fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("./fontawesome-webfont.woff?v=3.2.1") format("woff"), url("./fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("./fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); font-weight: normal; font-style: normal; }
/* line 4, ../../sass/app.scss */
body { background: #EEEEEE; }

/* line 7, ../../sass/app.scss */
.ayi-navbar-top { background: #fff; padding: 8px 0px; height: 60px; margin: 0px; border-bottom: 1px solid #e3e3e3; }

/* line 9, ../../sass/app.scss */
.ayi-navbar .ayi-navbar-left { display: flex; width: 220px; margin-left: 10px; }
/* line 12, ../../sass/app.scss */
.ayi-navbar .ayi-navbar-right { padding-right: 20px; width: calc(100% - 230px); }
/* line 14, ../../sass/app.scss */
.ayi-navbar .ayi-navbar-right .ayi-page-title { font-size: 1.462rem; padding: 0 20px 0px 10px; display: inline-block; }
/* line 17, ../../sass/app.scss */
.ayi-navbar .ayi-navbar-right .ayi-nav-menu { display: none; }
/* line 22, ../../sass/app.scss */
.ayi-navbar .ayi-nav-user > li.ayi-dropdown > a img { max-width: 32px; max-height: 32px; border-radius: 50%; }
/* line 25, ../../sass/app.scss */
.ayi-navbar .ayi-nav-other { height: 30px; line-height: 30px; display: block; float: right; }
/* line 27, ../../sass/app.scss */
.ayi-navbar .ayi-nav-other li { margin-right: 10px; width: 20px; float: left; }

/* line 32, ../../sass/app.scss */
.ayi-left-sidebar { height: 100%; margin-top: 61px; padding-bottom: 61px; position: fixed; top: 0; bottom: 0; z-index: 1029; background-color: #f5f5f5; width: 230px; left: 0; border-right: 1px solid #e3e3e3; }
/* line 34, ../../sass/app.scss */
.ayi-left-sidebar:before { content: ""; position: fixed; z-index: -1; width: inherit; top: 60px; left: 0; bottom: 0; background-color: inherit; border-right: 1px solid #e3e3e3; }
/* line 37, ../../sass/app.scss */
.ayi-left-sidebar .ayi-left-sidebar-wrapper { display: table; table-layout: fixed; width: 100%; height: 100%; }
/* line 39, ../../sass/app.scss */
.ayi-left-sidebar .ayi-left-sidebar-wrapper .ayi-left-sidebar-content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-top: 8px; }
/* line 43, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements { line-height: 20px; padding: 0px; margin: 0px; }
/* line 45, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li { list-style: none; }
/* line 47, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li.ayi-divider { padding: 20px 20px 0; color: #b0b0b0; line-height: 30px; font-weight: 600; text-transform: uppercase; font-size: .8462rem; }
/* line 50, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li > a { display: block; padding: 0 20px; color: #646464; font-size: 1.077rem; line-height: 38px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/* line 53, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li.active > a { padding-left: 20px; font-weight: 500; color: #4285f4; }
/* line 55, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li.active > a span { color: #4285f4; }
/* line 59, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li.active li.active a { color: #4285f4; }
/* line 62, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li > ul { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/* line 65, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li ul { display: none; background-color: #eeeeee; padding: 10px 0; list-style: none; line-height: 20px; }
/* line 68, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li ul li > a { padding: 8px 15px 8px 49px; color: #646464; font-size: 13px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/* line 71, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li ul li ul { padding: 0px; }
/* line 74, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li ul li > ul > li > a { /*第二级菜单*/ padding-left: 60px; }
/* line 78, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements > li ul li > ul > li > ul > li > a { /*第三级菜单*/ padding-left: 70px; }
/* line 86, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements li.ayi-parent-menu > a:before { content: '\f0d7'; float: right; font-family: "FontAwesome"; font-size: 1.615rem; color: #c5c5c5; }
/* line 89, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements li.ayi-parent-menu.open > a:before { content: '\f0d8'; }
/* line 92, ../../sass/app.scss */
.ayi-left-sidebar .ayi-sidebar-elements li.open > ul { display: block; }

/* line 98, ../../sass/app.scss */
.ayi-right-content { position: relative; left: 0; margin-left: 230px; min-height: 100%; padding-top: 60px; }
/* line 100, ../../sass/app.scss */
.ayi-right-content .ayi-main-contain { padding: 30px; }

@media (max-width: 768px) { /* line 108, ../../sass/app.scss */
  .ayi-navbar .ayi-navbar-left { display: none; }
  /* line 111, ../../sass/app.scss */
  .ayi-navbar .ayi-navbar-right { width: 100%; }
  /* line 113, ../../sass/app.scss */
  .ayi-navbar .ayi-navbar-right .ayi-nav-title { display: none; }
  /* line 116, ../../sass/app.scss */
  .ayi-navbar .ayi-navbar-right .ayi-nav-menu { display: block; }
  /* line 121, ../../sass/app.scss */
  .ayi-left-sidebar { height: auto; display: none; }
  /* line 124, ../../sass/app.scss */
  .ayi-right-content { margin-left: 0px; } }
@media (min-width: 768px) { /* line 129, ../../sass/app.scss */
  .ayi-left-sidebar { display: block !important; } }
